@charset "utf-8";

html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}

a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }

p{text-align: justify;text-justify:inter-ideograph;margin: 0;}

li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}

ul {margin: 0;padding: 0;}

img{margin: 0;padding: 0;border: 0; vertical-align: top;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

dl,dt,dd{padding: 0;margin:0;}

i,em{font-style: normal;}



.fl {float:left;}

.fr {float:right;}

.clear{clear:both;}

.w0{width: 100%;}

.w1200{width: 1200px;margin:0 auto;}

.w1300{width: 1300px;margin:0 auto;}

.w1340{width: 1340px;margin:0 auto;}



/*top*/

.head{ width:100%; position:relative; z-index:1000;}

.head .head_top{height:35px; line-height:34px; font-size:14px; color:#666; background-color:#ececec; }

.head .head_top .spanN{ padding:0 15px; color:#666; font-size:12px; }

.head .head_top a{ color:#666; font-size:13px;}



.head .head_logo{height:110px; }

.head .head_logo .logoDiv{float:left; display:block; height:80px;position:relative; z-index:10;padding: 15px 0}

.head .head_logo .logo02{ background:url(../images/logo02.png) center center no-repeat; height:110px; width:492px; margin-left:80px;}

.head .head_logo .l1{ margin-top:15px;}

.head .head_logo .l1 .ewm{ width:79px; height:79px; background:url(../images/ewm.png) center center no-repeat; background-size:90%; margin-left:20px; border:1px solid #ddd; }

.head .head_logo .l1 .div1{text-align:center;}

.head .head_logo .l1 .div1 .span1{ display:block; color:#666; font-size:20px; padding-bottom:8px;}

.head .head_logo .l1 .div1 .span2{ display:block; background-color:#03c2a7; color:#fff; font-size:24px; font-weight:bold; line-height:35px; font-family:Arial; padding:5px 30px; border-radius:30px;}

.head .head_logo .l1 .div1 .span2 i{font-size: 16px;font-weight: normal;line-height: 26px;position: relative;top: -2px}





.head .head_logo .top_ewm{height:50px; width:50px; position:relative; z-index:100; border-radius:100%;}

.head .head_logo .top_ewm01{ background:#f4f4f4 url(../images/icon01.png) center center no-repeat;}

.head .head_logo .top_ewm .img{ width:84px; height:84px; background:url(../images/swt-icon.png) center center no-repeat; position:relative;z-index:100; margin:8px;}

.head .head_logo .top_ewm .img img{ display:block; width:100%;}

.head .head_logo .top_ewm .showImg{ display:none; position:absolute; top:100%; margin-top:12px; left:50%; width:170px; background-color:#fff; margin-left:-85px; border-radius:5px; border:1px solid #ebebeb; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-top:2px solid #dc0000;}

.head .head_logo .top_ewm .showImg::after{ content:''; display:block; width: 0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent;  border-bottom: 8px solid #dc0000; position:absolute; left:50%; top:-10px; z-index:100; margin-left:-7px;}

.head .head_logo .top_ewm .showImg img{ display:block; width:140px; margin:15px auto; margin-bottom:0; }

.head .head_logo .top_ewm .showImg span{ display:block; text-align:center; color:#dc0000; font-size:14px; padding:5px 0 15px 0; }

.head .head_logo .top_ewm:hover .showImg{ display:block; }



.nav{ position:relative; width:100%; background:#008dd3; border-bottom:5px solid #014596;}

.navMain{ position:relative;}

.nav .navMain .navLi{ float:left; position:relative;  width:calc(100% / 12);}

.nav .navMain .navLi.indexLi{ margin-left:0; }

.nav .navMain .navLi.indexLi a.a1{ border:0;}

.nav .navMain .navLi a.a1{ display:block; color:#fff; position:relative; height:53px; line-height:55px; width:100%; text-align:center; font-size:16px; border-left:1px solid #064491; font-weight:500; overflow:hidden;}

.nav .navMain .navLi a.a1::after{ display: block; content:''; position:absolute; bottom:-1px; left:50%; width:40px; height:0px; border-bottom:1px solid #fff; margin-left:-20px; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;  }

.nav .navMain .navLi:hover a.a1,.nav .navMain .navLi.active a.a1{ color:#fff; background-color:#014596;}

.nav .navMain .navLi:hover a.a1::after,.nav .navMain .navLi.active a.a1::after{bottom:10px;}

.nav .navMain .navLi .dh2{ width:420px; padding:10px 0; top:100%; left:0; position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; background-color:#fff; border-top:3px solid #ffbf00; }

.nav .navMain .navLi .dh2 a.a2{ display:block;  width:190px; float:left; margin-left:10px; background-color:#fff; color:#333; line-height:20px; font-size:15px; padding:15px 0; border-bottom:1px solid #ebebeb;}

.nav .navMain .navLi .dh2 a.a3 span{}

.nav .navMain .navLi .dh2 a.a2 span{ padding-left:15px;}

.nav .navMain .navLi .dh2 a.a2:hover span{  }

.nav .navMain .navLi .dh2 a.a2:hover,.nav .navMain .navLi .dh2 a.a3:hover{ color:#fff; background-color:#0657b2; }

.nav .navMain .navLi .dh2 a.a3{ display: block; width:200px; float:left; line-height:20px; font-size:14px; padding:15px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; }

.nav .navMain .navLi:hover .dh2{ display:block;}





/*banner start*/

.flexslider {

	margin: 0px auto 0px;

	position: relative;

	width: 100%;

	height: 550px;

	overflow: hidden;

	zoom: 1;

}



.flexslider .slides li {

	width: 100%;

	height: 100%;

}



.flex-direction-nav a {

	width: 70px;

	height: 70px;

	line-height: 99em;

	overflow: hidden;

	margin: -35px 0 0;

	display: block;

	background: url(../images/ad_ctr.png) no-repeat;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

	-webkit-transition: all .3s ease;

	border-radius: 35px;

}



.flex-direction-nav .flex-next {

	background-position: 0 -70px;

	right: 0;

}



.flex-direction-nav .flex-prev {

	left: 0;

}



.flexslider:hover .flex-next {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-prev {

	opacity: 0.8;

	filter: alpha(opacity=25);

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

	opacity: 1;

	filter: alpha(opacity=50);

}



.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 10px;

	text-align: center;

}



.flex-control-nav li {

	margin: 0 2px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	background: #E8E8E8;

	display: block;

	height: 10px;

	overflow: hidden;

	text-indent: -99em;

	width: 10px;

	cursor: pointer;

	-webkit-transition: all 0s ease;

	border-radius: 10px;

}



.flex-control-paging li a.flex-active,

.flex-control-paging li.active a {

	background:#D11A1A;

}



.flexslider .slides a img {

	width: 100%;

	height: 550px;

	display: block;

}

/*banner end*/



.title{ background:url(../images/ab_line01.png) no-repeat center 56px;height: 85px;line-height: 38px;text-align: center;}

.title p{font-size: 32px;color: #008DD3;text-align: center;display: inline-block;font-weight: bold;}

.title span{display:inline-block; font-size: 30px;color: #999;font-weight: normal;text-transform: uppercase;font-family: Arial;}



/*product start*/

.product{padding: 50px 0 0px 0;background: #f1f1f1;}

.product .pro_body{padding-top: 20px; padding-bottom: 20px;}

.pro_l{width: 270px;background: #fff}

.pl_top{width:100%;height: 85px;background: #008DD3;color: #fff;font-size: 33px;font-weight: bold;text-align: center;line-height: 85px;letter-spacing: 3px}

.pro_l > ul{padding-top: 5px; padding-bottom: 30px;}

.pro_l > ul > li > a{display: block;width: 195px;height:40px;line-height: 40px;background: url(../images/jt.png) no-repeat 210px 12px;color: #fff;padding-right: 30px;padding-left: 15px;font-size: 16px;color: #333;margin: 12px auto 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 5px;border-bottom: 1px solid #dfdfdf}

.pro_l > ul > li:hover > a{color: #fff;background:url(../images/jthover.png) no-repeat 210px 10px #008DD3;}

.pro_l > ul > li > ul{padding: 5px 0}

.pro_l > ul > li > ul li{height: 25px;line-height: 25px;}

.pro_l > ul > li > ul li a{color: #666;font-size: 14px;display: block;width: 200px;padding-left: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.pro_r{width: 930px;}

.pro_r ul li{width: 270px;margin-left: 39px;float: left;margin-bottom: 35px}

.pro_r ul li .zi{width: 270px;height: 40px;background: #fff;border-top: 2px solid #ddd;border-bottom:3px solid #008dd3;line-height: 40px;}

.pro_r ul li .zi span{font-size: 15px;display: inline-block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: center;}

.pro_r ul li .zi em{display: inline-block;height: 50px;width: 50px;border-left: 1px solid #dfdfdf;background: url(../images/jt1.png) no-repeat center ;}

.pro_r ul li:hover .zi{background: #dfdfdf;color: #333;border-top: 2px solid #03c2a7;}

.pro_r ul li:hover em{background: url(../images/jt2.png) no-repeat center #03c2a7;}

.pro_r ul li .img{width: 270px;height:202px;overflow: hidden;}

.pro_r ul li .img img{ width:270px;height: 202px; display: block;

    -moz-transition:.5s ease-in;

    -webkit-transition:.5s ease-in;

    -o-transition:.5s ease-in;

    -ms-transition:.5s ease-in;

    transition:.5s ease-in;}

.pro_r ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}

/*product end*/



/*company start*/

.company{padding: 50px 0;height:944px;background: url(../images/combg.jpg) no-repeat center bottom;}

.company .com_body{margin-top: 20px;height: 451px;background: url(../images/kuang.jpg) no-repeat center right;}

.company .com_body .com_l{padding: 40px 30px;width: 600px;}

.company .com_body .com_l b{font-size: 22px;letter-spacing: 1px;color: #008DD3}

.company .com_body .com_l em{display: block;width: 45px;height: 3px;background: #444;margin: 10px 0}

.company .com_body .com_l i{font-size: 15px;color: #888}

.company .com_body .com_l hr{height: 1px;border:none;background: #cfcfcf;margin: 25px 0;}

.company .com_body .com_l p{line-height: 180%;text-indent: 2em;font-size: 15px;}

.company .com_body .com_l a.more{display: block;width: 115px;height: 36px;background: #008DD3;color: #fff;text-align: center;line-height: 36px;border-radius: 10px;margin-top: 15px;}

.company .com_body .com_r img{margin: 40px 0}



.company .hd { overflow:hidden; width:810px; margin:0 auto; height:70px; margin-top:50px; position:relative}

.company .hd i{ display:block; width:100%; height:1px; background-color:#d6d6d6; position:absolute; left:0; bottom:9px; z-index:0}

.company .hd ul{ overflow:hidden; position:relative; z-index:1; width:368px; height:70px; margin:0 auto;}

.company .hd li{ float:left; width:164px; height:70px; margin:0 10px;}

.company .hd .list{ display:block; text-decoration:none; line-height:41px; text-align:center; overflow:hidden; width:164px; height:41px; font-size:16px; color:#666;}

.company .hd span{ display: inline-block; width:27px; height:28px; overflow:hidden; position:relative; top:7px; *top:0; margin-right:5px;}

.company .hd span{ *display:inline}

.company .hd span img{ display:block;}

.company .hd em{font-size: 18px;}

.company .hd b{ display:block; width:16px; height:16px; background:url(../images/anbout_y.png) no-repeat center; margin:0 auto; margin-top:12px;}

.company .hd li.on .list{ background:url(../images/about_01.png) no-repeat center; color:#666;}

.company .hd li.on b{ background:url(../images/about_yc.png) no-repeat center}



.company .slideBox{ overflow:hidden; zoom:1; padding:30px 0 10px 50px; position:relative;}

.company .sPrev,.company .sNext{ position:absolute; left:5px; top:30px; display:block; width:46px; height:204px; background: url(../images/arrow-left.png) no-repeat center;}

.company .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}

.company .sPrev:hover,.company .sNext:hover{ border-color:#f60;}

.company .bd ul{ overflow:hidden; zoom:1;}

.company .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;}

.company .bd ul li .pic{ text-align:center; }

.company .bd ul li .pic img{ width:264px; height:198px; display:block;  padding:2px; border:1px solid #ccc;}

.company .bd ul li .pic a:hover img{ border-color:#999;}

.company .bd ul li .anli_title{ line-height:24px;}

.company .bd ul li .anli_title a{display: block;width: 270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 15px;}

/*company end*/



/*new start*/

.new{padding: 50px 0}

.new .new_body{}

.new .new_body .new_con{padding-top: 10px;position: relative;padding-bottom: 20px;}

.new .new_body .nc_l{width: 560px;padding-top: 25px}

.new .new_body .nc_l .i_n_lt{position: relative;}

.new .new_body .nc_l .i_n_lt .n_pic a{display: block;height: 225px}

.new .new_body .nc_l .n_pic_date{ overflow: hidden;width: 70px;height: 70px;padding: 15px;background: rgba(42,88,199,0.7);position: absolute;top: 45px; left: 30px; color: #FFF;}

.new .new_body .nc_l .n_pic_date span{display: block;font-size: 18px;padding: 2px 0 0 2px;}

.new .new_body .nc_l .n_lt_desc{padding: 16px 0;line-height: 22px;}

.new .new_body .nc_l .n_lt_desc font{display: block;overflow: hidden;width: 90%;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;font-size: 18px;color: #333;}

.new .new_body .nc_l .n_lt_desc i{color: #999}

.new .new_body .nc_l .n_lt_desc span{color:#AE0029;}

.nc_r{width: 610px;}

.nc_r .n_rt_box{overflow: hidden;padding: 18px 12px 18px;border-bottom: 1px solid #dedede;transition: 0.5s;}

.nc_r .n_rt_box .rt_b_date{ width:55px;height: 54px;padding: 8px;border: 3px solid #bbbbbb;float: left;background-color: #FFF;transition: 0.5s;}

.nc_r .n_rt_box .rt_b_date .n_rt_top{overflow: hidden;font-size: 24px;border-bottom: 1px solid #dedede;}

.nc_r .n_rt_box .rt_b_date .n_rt_top font{font-size: 12px;}

.nc_r .n_rt_box .rt_b_date span{display: block;font-size: 14px;padding: 2px 0 0 2px}

.nc_r .n_rt_box .rt_b_desc{width:calc(100% - 95px);float: right;color: #666;}

.nc_r .n_rt_box .rt_b_desc font{color: #333;font-size: 17px;line-height: 24px;padding-bottom: 5px;display: block;width: 475px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.nc_r .n_rt_box .rt_b_desc p{line-height: 20px;font-size: 13px;color: #888}

.nc_r .n_rt_box .rt_b_desc .more{color: #ae0029;font-size: 12px;text-transform: uppercase;text-align: right;}

.nc_r .n_rt_box:hover {background: #F3F3F3}

.nc_r .n_rt_box:hover .rt_b_date{border: 3px solid #008DD3;color: #008DD3}

.nc_r .n_rt_box:hover .rt_b_desc font{color: #008DD3}

.nc_r .n_rt_box:hover .rt_b_desc .more{color: #008DD3}

.new .new_body .que_l{width: 135px;height: 160px;background:url(../images/wd_tbg.gif) no-repeat center;padding-top: 40px;padding-left: 15px;font-size: 20px;font-weight: bold;}

.new .new_body .que_r{width: 1030px}



/* 本例子css */

.new .new_body .txtMarquee-left{ width:1030px;  position:relative; }

.new .new_body .txtMarquee-left .bd{ padding:10px 0; }

.new .new_body .txtMarquee-left .bd .tempWrap{ width:1030px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */

.new .new_body .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.new .new_body .txtMarquee-left .bd ul li{/* margin-right:20px;*/  float:left;line-height:24px;  text-align:left; _display:inline; width:343px !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

.new .new_body .txtMarquee-left .bd ul li a{display: block;width:310px;}

.new .new_body .txtMarquee-left .bd ul li b{font-size: 16px;display: block;width:270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 22px;line-height: 22px;background: url(../images/que.jpg) no-repeat center left;padding-left: 40px}

.new .new_body .txtMarquee-left .bd ul li p{display: block;width: 270px;padding-left: 40px;background: url(../images/ans.jpg) no-repeat 0px 4px;}

.new .new_body .txtMarquee-left .bd ul li em{display: block;width: 30px;height: 3px;background: #008DD3;margin:20px 0}

.new .new_body .txtMarquee-left .bd ul li .more{width:100px;height: 25px;border:1px solid #aaa;text-align:center;line-height: 25px;font-size: 13px;margin-top: 20px;}

/*new end*/



/*footer start*/

.footer{padding: 50px 0;background: #888}

.footer .ewm{width: 320px;height: 210px;background: url(../images/f_line1.gif) no-repeat center right;}

.footer .ewm .ewm_box{width: 160px;height: 160px;padding:25px;background:url(../images/ewmbg.png) no-repeat center;}

.footer .ewm p{writing-mode:tb-rl;letter-spacing: 3px;font-size: 16px;color: #fff;padding-left: 10px}

.footer .kslj{width:530px;border-right:1px solid #dfdfdf;}

.footer .kslj ul{width:500px;}

.footer .kslj ul li{float: left;width: 125px;line-height: 52px;font-size: 16px;}

.footer .kslj ul li a{color: #fff;}

.footer .lxwm{padding-left: 50px;color:#fff;width: 580px;font-size: 16px}

.footer .lxwm p{line-height: 60px;font-size: 18px}

.footer .lxwm span{display: inline-block;height: 46px;line-height: 46px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.footer .lxwm .span1{width: 240px;padding-left: 30px;background: url(../images/lx.png) no-repeat center left;background-size: 20px}

.footer .lxwm .span2{width: 250px;padding-left: 30px;background: url(../images/wz.png) no-repeat center left;background-size: 20px}

.footer .lxwm .span3{width: 240px;padding-left: 30px;background: url(../images/sj.png) no-repeat center left;background-size: 20px}

.footer .lxwm .span4{width: 250px;padding-left: 30px;background: url(../images/yx.png) no-repeat center left;background-size: 20px}

.footer .lxwm .span5{width: 550px;padding-left: 30px;background: url(../images/dz.png) no-repeat center left;background-size: 20px}

.foot_bot{line-height:40px;background:#018eff;font-size: 14px}

.foot_bot .bot_body{width:1200px;margin:0 auto;}

.foot_bot .bot_l{float:left;color:#fff;width:600px}

.foot_bot .bot_r{float:right;color:#fff;width:300px;text-align: right}

.foot_bot .bot_r a{color:#fff}

/*footer end*/